@themeColor: #3f9b6a;
@orangeColor: #ea6d08;
@redColor: #f21313;
@blueColor: #0f6cc6;
@blackColor: rgba(0, 0, 0, 0.9);
@greyColor: rgba(0, 0, 0, 0.6);

.themeColor {
  color: @themeColor;
}
.orangeColor {
  color: @orangeColor;
}
.redColor {
  color: @redColor;
}
.blueColor {
  color: @blueColor;
}
.blackColor {
  color: @blackColor;
}
.greyColor {
  color: @greyColor;
}

// 字体大小
.fs-15 {
  font-size: 15px;
}
.fs-17 {
  font-size: 17px;
}

// 字体加粗
.fw-b {
  font-weight: bold;
}

// margin
.mt-2 {
  margin-top: 2px;
}
.mt-4 {
  margin-top: 4px;
}
.mt-6 {
  margin-top: 6px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.mt-18 {
  margin-top: 18px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-22 {
  margin-top: 22px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-26 {
  margin-top: 26px;
}
.mt-28 {
  margin-top: 28px;
}
.mt-30 {
  margin-top: 30px;
}

.mb-2 {
  margin-bottom: 2px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-6 {
  margin-bottom: 6px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-22 {
  margin-bottom: 22px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-26 {
  margin-bottom: 26px;
}
.mb-28 {
  margin-bottom: 28px;
}
.mb-30 {
  margin-bottom: 30px;
}

.mr-2 {
  margin-right: 2px;
}
.mr-4 {
  margin-right: 4px;
}
.mr-6 {
  margin-right: 6px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-12 {
  margin-right: 12px;
}
.mr-14 {
  margin-right: 14px;
}
.mr-16 {
  margin-right: 16px;
}
.mr-18 {
  margin-right: 18px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-22 {
  margin-right: 22px;
}
.mr-24 {
  margin-right: 24px;
}
.mr-26 {
  margin-right: 26px;
}
.mr-28 {
  margin-right: 28px;
}
.mr-30 {
  margin-right: 30px;
}
